﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>H+ 后台主题UI框架 - 首页示例二</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet">
    <!-- Morris -->
    <link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet">
    <!-- Gritter -->
    <link href="js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content">


        <div class="row">
            <div class="col-sm-3">
                <div class="widget style1 navy-bg" style="margin-top:0px;">
                    <span class="label label-info pull-right"></span>
                    <div style="text-align:center"><h3>基础数据</h3></div>
                    <hr />
                    <div class="row">
                        <div class="col-xs-6">
                            <span> 在管项目 </span>
                            <h2 class="font-bold">168</h2>
                        </div>
                        <div class="col-xs-6">
                            <span> 在管面积 </span>
                            <h2 class="font-bold">16800</h2>
                        </div>
                    </div>
                    <hr />


                    <div class="row">
                        <div class="col-xs-6">
                            <span> 设备完好率 </span>
                            <h2 class="font-bold">97%</h2>
                            <div class="progress progress-mini">
                                <div style="width: 97%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <span> 年度收楼面积 </span>
                            <h2 class="font-bold">100</h2>
                        </div>
                        
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col-xs-12">
                            <span> 年度收楼计划完成率 </span>
                            <h2 class="font-bold">97%</h2>
                            <div class="progress progress-mini">
                                <div style="width: 97%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-sm-6">
                <iframe src="../echarts/doc/example/map111.html" style="padding:0px;width:100%;border:none;" onload="this.style.height = this.contentWindow.document.body.scrollHeight + 'px'"></iframe>
            </div>
            <div class="col-sm-3">
                <div class="widget style1 navy-bg" style="margin-top:0px;">
                    <span class="label label-info pull-right"></span>
                    <div style="text-align:center"><h3>基础数据</h3></div>
                    <hr />
                    <div class="row">
                        <div class="col-xs-6">
                            <span> 前期项目比率 </span>
                            <h2 class="font-bold">23</h2>
                        </div>
                        <div class="col-xs-6">
                            <span> 公区遗留问题 </span>
                            <h2 class="font-bold">128</h2>
                        </div>
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col-xs-6">
                            <span> 年度收楼户数 </span>
                            <h2 class="font-bold">90</h2>
                        </div>
                        <div class="col-xs-6">
                            <span> 户内维保修完成率 </span>
                            <h2 class="font-bold">91%</h2>
                            <div class="progress progress-mini">
                                <div style="width: 91%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col-xs-12">
                            <span> 工单维修完成率 </span>
                            <h2 class="font-bold">97%</h2>
                            <div class="progress progress-mini">
                                <div style="width: 97%;" class="progress-bar progress-bar-danger"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>客服</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-9">
                                <iframe src="../echarts/doc/example/pie-simple1.html" style="padding:0px;width:100%;border:none;" onload="this.style.height = this.contentWindow.document.body.scrollHeight + 'px'"></iframe>
                            </div>
                            <div class="col-sm-3">
                                <ul class="stat-list">
                                    <li>
                                        <h2 class="no-margins">400接单数：2,346</h2>
                                        <br />
                                        <small>满意度</small>
                                        <div class="stat-percent">
                                            48% <i class="fa fa-level-up text-navy"></i>
                                        </div>
                                        <div class="progress progress-mini">
                                            <div style="width: 48%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <small>处理率</small>
                                        <div class="stat-percent">
                                            60% <i class="fa fa-level-down text-navy"></i>
                                        </div>
                                        <div class="progress progress-mini">
                                            <div style="width: 60%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <small>完成率</small>
                                        <div class="stat-percent">
                                            22% <i class="fa fa-bolt text-navy"></i>
                                        </div>
                                        <div class="progress progress-mini">
                                            <div style="width: 22%;" class="progress-bar"></div>
                                        </div>
                                    </li>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-sm-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>基础</h5>
                    </div>
                    <div class="ibox-content">
                        <iframe src="../echarts/doc/example/pie-simple.html" style="padding:0px;width:100%;border:none;" onload="this.style.height = this.contentWindow.document.body.scrollHeight + 'px'"></iframe>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>能耗</h5>
                    </div>
                    <div class="ibox-content">
                        <iframe src="../echarts/doc/example/mix-line-bar.html" style="padding:0px;width:100%;border:none;" onload="this.style.height = this.contentWindow.document.body.scrollHeight + 'px'"></iframe>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">全国</span>
                        <h5>安全</h5>
                    </div>
                    <div class="ibox-content">
                        <div style="margin-top:0px;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <span> 当日突发事件处理宗数 </span>
                                    <h2 class="font-bold">8</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 消防故障率 </span>
                                    <h2 class="font-bold">12</h2>

                                </div>
                                <div class="col-xs-3">
                                    <span> 巡逻任务完成率 </span>
                                    <h2 class="font-bold">99</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 设备（门禁完好率） </span>
                                    <h2 class="font-bold">99</h2>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">全国</span>
                        <h5>环境</h5>
                    </div>
                    <div class="ibox-content">
                        <div style="margin-top:0px;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <span> 当日有偿家政收入 </span>
                                    <h2 class="font-bold">80000</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 当月有偿家政收入 </span>
                                    <h2 class="font-bold">93212</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 在管绿化总面积 </span>
                                    <h2 class="font-bold">99</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 在管保洁面积(室内/室外) </span>
                                    <h2 class="font-bold">9999/2330</h2>
                                </div>
                                
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">本年</span>
                        <h5>自在管家</h5>
                    </div>
                    <div class="ibox-content">
                        <div style="margin-top:0px;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <span> 本年度巡查总量 </span>
                                    <h2 class="font-bold">80000</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 累计本年度问题发现率 </span>
                                    <h2 class="font-bold">93212</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 累计本年度问题整改率 </span>
                                    <h2 class="font-bold">99</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 自在管家系统使用人数 </span>
                                    <h2 class="font-bold">9999999</h2>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">本年</span>
                        <h5>财务</h5>
                    </div>
                    <div class="ibox-content">
                        <div style="margin-top:0px;">
                            <div class="row">
                                <div class="col-xs-3">
                                    <span> 实收/应收 </span>
                                    <h2 class="font-bold">3333/80000</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 收缴率 </span>
                                    <h2 class="font-bold">99</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 经营收入 </span>
                                    <h2 class="font-bold">9999999</h2>
                                </div>
                                <div class="col-xs-3">
                                    <span> 增值收入 </span>
                                    <h2 class="font-bold">9999999</h2>
                                </div>
                                
                            </div>
                        </div>
                    </div>

                </div>
            </div>
           

        </div>

        

        <!--<div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">全年</span>
                        <h5>收缴率</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">40 886,200</h1>
                        <div class="stat-percent font-bold text-info">
                            <a data-toggle="modal" href="index_v6.html#modal-total" title="点击查看明细">  98% <i class="fa fa-level-up" title="同比上涨24%"></i></a>
                        </div>
                        <small>总收入</small>
                    </div>

                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-info pull-right">全年  </span>
                        <h5>工程维修费</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-4">
                                <h5 class="no-margins">275,800</h5>
                            </div>
                            <div class="col-sm-4">
                                <h5 class="no-margins">275,800</h5>
                            </div>
                            <div class="col-sm-4">
                                <h5 class="no-margins">275,800</h5>
                            </div>
                        </div>
                        <br />
                        <div class="stat-percent font-bold text-danger">
                            <a data-toggle="modal" href="index_v6.html#modal-job" title="点击查看明细">20% <i class="fa fa-level-down" title="同比下降4%"></i></a>
                        </div>
                        <small>总收入</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">今天</span>
                        <h5>工单</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">106,120</h1>
                        <div class="stat-percent font-bold text-navy">
                            44% <i class="fa fa-level-up"></i>
                        </div>
                        <small>新工单</small>
                    </div>
                </div>
            </div>
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <span class="label label-danger pull-right">最近一个月</span>
                        <h5>活跃用户</h5>
                    </div>
                    <div class="ibox-content">
                        <h1 class="no-margins">1806</h1>
                        <div class="stat-percent font-bold text-danger">
                            <a data-toggle="modal" href="index_v6.html#modal-user" title="点击查看明细">38% <i class="fa fa-level-down"></i></a>
                        </div>
                        <small>12月</small>
                    </div>
                </div>
            </div>
        </div>-->



        


        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>服务处收缴率对比</h5>
                        <div class="pull-right">
                            <div class="btn-group">
                                <button type="button" class="btn btn-xs btn-white active">天</button>
                                <button type="button" class="btn btn-xs btn-white">月</button>
                                <button type="button" class="btn btn-xs btn-white">年</button>
                            </div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="flot-chart">

                            <div class="echarts" id="echarts-line-chart"></div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>用户行为统计</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-xs-4">
                                <small class="stats-label">随手拍数量 / 总数量</small>
                                <h4>236 321</h4>
                                <a data-toggle="modal" href="index_v6.html#modal-t2" class="btn btn-sm btn-primary"> 比一比</a>
                            </div>
                            <div class="col-xs-4">
                                <small class="stats-label">工单超时次数 / 总次数</small>
                                <h4>333 909</h4>
                                <a data-toggle="modal" href="index_v6.html#modal-t2" class="btn btn-sm btn-primary"> 比一比</a>
                            </div>
                            <div class="col-xs-4">
                                <small class="stats-label">维护客户资料数量 / 总数量</small>
                                <h4>321 643</h4>
                                <a data-toggle="modal" href="index_v6.html#modal-t2" class="btn btn-sm btn-primary"> 比一比</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>用户工单列表</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <table class="table table-hover no-margins">
                            <thead>
                                <tr>
                                    <th>状态</th>
                                    <th>日期</th>
                                    <th>用户</th>
                                    <th>值</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <small>进行中...</small>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 11:20</td>
                                    <td>青衣5858</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 24%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="label label-warning">已取消</span>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 10:40</td>
                                    <td>徐子崴</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 66%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <small>进行中...</small>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 01:30</td>
                                    <td>姜岚昕</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 54%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <small>进行中...</small>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 02:20</td>
                                    <td>武汉大兵哥</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 12%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <small>进行中...</small>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 09:40</td>
                                    <td>荆莹儿</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 22%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <span class="label label-primary">已完成</span>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 04:10</td>
                                    <td>栾某某</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 66%</td>
                                </tr>
                                <tr>
                                    <td>
                                        <small>进行中...</small>
                                    </td>
                                    <td><i class="fa fa-clock-o"></i> 12:08</td>
                                    <td>范范范二妮</td>
                                    <td class="text-navy"> <i class="fa fa-level-up"></i> 23%</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>任务列表</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <ul class="todo-list m-t small-list ui-sortable">
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-check-square"></i> </a>
                                <span class="m-l-xs todo-completed">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-check-square"></i> </a>
                                <span class="m-l-xs  todo-completed">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                            </li>
                            <li>
                                <a href="widgets.html#" class="check-link"><i class="fa fa-square-o"></i> </a>
                                <span class="m-l-xs">保养提醒:[富力家园一期][1号楼][给水系统-循环泵][每年][5月1日-30日]</span>
                                <small class="label label-primary"><i class="fa fa-clock-o"></i> 1小时</small>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-t2" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div class="photos">
                            <img alt="image" style="width:100%;height:100%;" src="img/比一比.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-total" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div class="photos">
                            <img alt="image" style="width:100%;height:100%;" src="img/收缴率.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-job" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div class="photos">
                            <img alt="image" style="width:100%;height:100%;" src="img/2016年10月工程维修收费统计表.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-user" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div id="treeview13" class="test"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="modal-order" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div class="photos">
                            <img alt="image" style="width:100%;height:100%;" src="img/2016年10月工程维修收费统计表.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--更新日志Start-->
    <div id="modal-log" class="modal fade" data-backdrop="static" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">来电弹屏（演示）</h4>
                </div>
                <div class="modal-body">
                    <div class="panel-body">

                        <div class="panel-group" id="version">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h5 class="panel-title">
                                        <a data-toggle="collapse" data-parent="#version" href="#v12">来电姓名:张三</a><code class="pull-right">来电号码：13910473839</code>
                                    </h5>
                                </div>
                                <div class="tabs-container">
                                    <div class="panel-options">
                                        <ul class="nav nav-tabs">
                                            <li class="active">
                                                <a data-toggle="tab" href="#tab-8"><i class="fa fa-home"></i>房屋信息</a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tab-10"><i class="fa fa-users"></i>住户信息</a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tab-11"><i class="fa fa-car"></i>车辆信息</a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tab-12"><i class="fa fa-wrench"></i>维修记录</a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tab-14"><i class="fa fa-dollar"></i>买卖记录</a>
                                            </li>
                                            <li class="">
                                                <a data-toggle="tab" href="#tab-15"><i class="fa fa-ioxhost"></i>合同记录</a>
                                            </li>
                                        </ul>
                                        <div class="tab-content">
                                            <div id="tab-8" class="tab-pane active">
                                                <div class="panel-body">
                                                    <div class="ibox float-e-margins">

                                                        <table class="table table-bordered table-striped">
                                                            <tbody>
                                                                <tr>
                                                                    <th>房屋编号</th>
                                                                    <td>BJ012-024-1单元401</td>
                                                                    <th>楼盘名称</th>
                                                                    <td>富力公馆</td>
                                                                    <th>楼栋名称</th>
                                                                    <td>E01栋</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>楼层</th>
                                                                    <td>4楼</td>
                                                                    <th>建筑面积</th>
                                                                    <td>0.00㎡</td>
                                                                    <th>使用面积</th>
                                                                    <td>0.00㎡</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>朝向</th>
                                                                    <td>不限</td>
                                                                    <th>户型：</th>
                                                                    <td>0室0厅0卫0厨0阳台</td>
                                                                    <th>售楼时间</th>
                                                                    <td></td>
                                                                </tr>
                                                                <tr>
                                                                    <th>房屋状态</th>
                                                                    <td>已售</td>
                                                                    <th>房屋用途</th>
                                                                    <td>住宅</td>
                                                                    <th>产权性质</th>
                                                                    <td>个人</td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="tab-10" class="tab-pane">
                                                <div class="panel-body float-e-margins">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>姓名</th>
                                                                <th>性别</th>
                                                                <th>联系电话</th>
                                                                <th>身份证件</th>
                                                                <th>工作单位</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>州立宁</td>
                                                                <td>女</td>
                                                                <td>15467891239</td>
                                                                <td>231468874545565</td>
                                                                <td>北京恒富物业有限公司</td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a data-toggle="modal" href="building_house_detail.html#modal-tab10-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                                    </div>

                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div id="tab-11" class="tab-pane">
                                                <div class="panel-body float-e-margins">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>车牌号码</th>
                                                                <th>车主姓名</th>
                                                                <th>车辆型号</th>
                                                                <th>车辆颜色</th>
                                                                <th>车位编号</th>
                                                                <th>备注</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>hf12345</td>
                                                                <td>陈道明</td>
                                                                <td>15467891239</td>
                                                                <td>黑色</td>
                                                                <td>0012</td>
                                                                <td></td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a data-toggle="modal" href="building_house_detail.html#modal-tab11-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div id="tab-12" class="tab-pane">
                                                <div class="panel-body float-e-margins">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>工单编号</th>
                                                                <th>维修设备</th>
                                                                <th>报修时间</th>
                                                                <th>问题描述</th>
                                                                <th>维修时间起止</th>
                                                                <th>进度</th>
                                                                <th>维修费用</th>
                                                                <th>维修人</th>
                                                                <th>维修类型</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>123</td>
                                                                <td>123</td>
                                                                <td>2016-12-08</td>
                                                                <td>家里下水道漏水</td>
                                                                <td>2016-12-08~2016-12-08</td>
                                                                <td>未开始</td>
                                                                <td>12元</td>
                                                                <td>张晓恩</td>
                                                                <td>开发商保修</td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div id="tab-14" class="tab-pane">
                                                <div class="panel-body float-e-margins">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>编号</th>
                                                                <th>交易时间</th>
                                                                <th>售价（万元）</th>
                                                                <th>买家</th>
                                                                <th>卖家</th>
                                                                <th>买卖合同</th>
                                                                <th>备注</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>123</td>
                                                                <td>2016-12-08</td>
                                                                <td>459</td>
                                                                <td>张三</td>
                                                                <td>李四</td>
                                                                <td></td>
                                                                <td></td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a data-toggle="modal" href="building_house_detail.html#modal-tab14-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                                    </div>

                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            <div id="tab-15" class="tab-pane">
                                                <div class="panel-body float-e-margins">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>合同编号</th>
                                                                <th>公司名称</th>
                                                                <th>开始日期</th>
                                                                <th>结束日期</th>
                                                                <th>租金(元/月)</th>
                                                                <th>面积(㎡)</th>
                                                                <th>联系人</th>
                                                                <th>电话</th>
                                                                <th>备注</th>
                                                                <th>操作</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <tr>
                                                                <td>B201612001</td>
                                                                <td>BAT联合科技有限公司</td>
                                                                <td>2016-12-08</td>
                                                                <td>2017-12-07</td>
                                                                <td>10000</td>
                                                                <td>100</td>
                                                                <td>李四</td>
                                                                <td>15943261548</td>
                                                                <td></td>
                                                                <td>
                                                                    <div class="btn-group">
                                                                        <a data-toggle="modal" href="building_house_detail.html#modal-tab15-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                                    </div>

                                                                </td>
                                                            </tr>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="modal-footer">
                    <a data-toggle="modal" href="building_house_detail.html#modal-tab08" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i>&nbsp;修改房屋信息 </a>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">报修</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!--更新日志End-->
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">
                    ...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <!-- Flot -->
    <script src="js/plugins/flot/jquery.flot.js"></script>
    <script src="js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="js/plugins/flot/jquery.flot.spline.js"></script>
    <script src="js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="js/plugins/flot/jquery.flot.pie.js"></script>
    <script src="js/plugins/flot/jquery.flot.symbol.js"></script>
    <!-- Bootstrap-Treeview plugin javascript -->
    <script src="js/plugins/treeview/bootstrap-treeview.js"></script>
    <script src="js/demo/treeview-projectdemo.min.js"></script>
    <!-- Peity -->
    <script src="js/plugins/peity/jquery.peity.min.js"></script>
    <script src="js/demo/peity-demo.min.js"></script>


    <!-- jQuery UI -->
    <script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>
    <!-- Jvectormap -->
    <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
    <!-- EayPIE -->
    <script src="js/plugins/easypiechart/jquery.easypiechart.js"></script>
    <!-- Sparkline -->
    <script src="js/plugins/sparkline/jquery.sparkline.min.js"></script>
    <!-- Sparkline demo data  -->
    <script src="js/demo/sparkline-demo.min.js"></script>
    <!-- ECharts -->
    <script src="js/plugins/echarts/echarts-all.js"></script>
    <!-- ECharts demo data -->
    <script src="js/demo/echarts-demo-indexv6.min.js"></script>
    <!--<script>
        $("#modal-log").modal('toggle');
    </script>-->


    <script>

        $(document).ready(function () {
            //折叠ibox
            $('.collapse-link').click(function () {
                var ibox = $(this).closest('div.ibox');
                var button = $(this).find('i');
                var content = ibox.find('div.ibox-content');
                content.slideToggle(200);
                button.toggleClass('fa-chevron-up').toggleClass('fa-chevron-down');
                ibox.toggleClass('').toggleClass('border-bottom');
                setTimeout(function () {
                    ibox.resize();
                    ibox.find('[id^=map-]').resize();
                }, 50);
            });

            //关闭ibox
            $('.close-link').click(function () {
                var content = $(this).closest('div.ibox');
                content.remove();
            });
            $(".chart").easyPieChart({
                barColor: "#f8ac59",
                scaleLength: 5,
                lineWidth: 4,
                size: 80
            });
            $(".chart2").easyPieChart({
                barColor: "#1c84c6",
                scaleLength: 5,
                lineWidth: 4,
                size: 80
            });
            var h = [[c(2012, 1, 1), 7], [c(2012, 1, 2), 6], [c(2012, 1, 3), 4], [c(2012, 1, 4), 8], [c(2012, 1, 5), 9], [c(2012, 1, 6), 7], [c(2012, 1, 7), 5], [c(2012, 1, 8), 4], [c(2012, 1, 9), 7], [c(2012, 1, 10), 8], [c(2012, 1, 11), 9], [c(2012, 1, 12), 6], [c(2012, 1, 13), 4], [c(2012, 1, 14), 5], [c(2012, 1, 15), 11], [c(2012, 1, 16), 8], [c(2012, 1, 17), 8], [c(2012, 1, 18), 11], [c(2012, 1, 19), 11], [c(2012, 1, 20), 6], [c(2012, 1, 21), 6], [c(2012, 1, 22), 8], [c(2012, 1, 23), 11], [c(2012, 1, 24), 13], [c(2012, 1, 25), 7], [c(2012, 1, 26), 9], [c(2012, 1, 27), 9], [c(2012, 1, 28), 8], [c(2012, 1, 29), 5], [c(2012, 1, 30), 8], [c(2012, 1, 31), 25]];
            var g = [[c(2012, 1, 1), 800], [c(2012, 1, 2), 500], [c(2012, 1, 3), 600], [c(2012, 1, 4), 700], [c(2012, 1, 5), 500], [c(2012, 1, 6), 456], [c(2012, 1, 7), 800], [c(2012, 1, 8), 589], [c(2012, 1, 9), 467], [c(2012, 1, 10), 876], [c(2012, 1, 11), 689], [c(2012, 1, 12), 700], [c(2012, 1, 13), 500], [c(2012, 1, 14), 600], [c(2012, 1, 15), 700], [c(2012, 1, 16), 786], [c(2012, 1, 17), 345], [c(2012, 1, 18), 888], [c(2012, 1, 19), 888], [c(2012, 1, 20), 888], [c(2012, 1, 21), 987], [c(2012, 1, 22), 444], [c(2012, 1, 23), 999], [c(2012, 1, 24), 567], [c(2012, 1, 25), 786], [c(2012, 1, 26), 666], [c(2012, 1, 27), 888], [c(2012, 1, 28), 900], [c(2012, 1, 29), 178], [c(2012, 1, 30), 555], [c(2012, 1, 31), 993]];
            var e = [{
                label: "实际收缴率",
                data: g,
                color: "#1ab394",
                bars: {
                    show: true,
                    align: "center",
                    barWidth: 24 * 60 * 60 * 600,
                    lineWidth: 0
                }
            },
            {
                label: "收缴率指标线",
                data: h,
                yaxis: 2,
                color: "#464f88",
                lines: {
                    lineWidth: 1,
                    show: true,
                    fill: true,
                    fillColor: {
                        colors: [{
                            opacity: 0.2
                        },
                        {
                            opacity: 0.2
                        }]
                    }
                },
                splines: {
                    show: false,
                    tension: 0.6,
                    lineWidth: 1,
                    fill: 0.1
                },
            }];
            var a = {
                xaxis: {
                    mode: "time",
                    tickSize: [3, "day"],
                    tickLength: 0,
                    axisLabel: "Date",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: "Arial",
                    axisLabelPadding: 10,
                    color: "#838383"
                },
                yaxes: [{
                    position: "left",
                    max: 1070,
                    color: "#838383",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: "Arial",
                    axisLabelPadding: 3
                },
                {
                    position: "right",
                    clolor: "#838383",
                    axisLabelUseCanvas: true,
                    axisLabelFontSizePixels: 12,
                    axisLabelFontFamily: " Arial",
                    axisLabelPadding: 67
                }],
                legend: {
                    noColumns: 1,
                    labelBoxBorderColor: "#000000",
                    position: "nw"
                },
                grid: {
                    hoverable: false,
                    borderWidth: 0,
                    color: "#838383"
                }
            };
            function c(j, k, i) {
                return new Date(j, k - 1, i).getTime()
            }
            var b = null,
            d = null;
            $.plot($("#flot-dashboard-chart"), e, a);
            var f = {
                "US": 298,
                "SA": 200,
                "DE": 220,
                "FR": 540,
                "CN": 120,
                "AU": 760,
                "BR": 550,
                "IN": 200,
                "GB": 120,
            };
            $("#world-map").vectorMap({
                map: "world_mill_en",
                backgroundColor: "transparent",
                regionStyle: {
                    initial: {
                        fill: "#e4e4e4",
                        "fill-opacity": 0.9,
                        stroke: "none",
                        "stroke-width": 0,
                        "stroke-opacity": 0
                    }
                },
                series: {
                    regions: [{
                        values: f,
                        scale: ["#1ab394", "#22d6b1"],
                        normalizeFunction: "polynomial"
                    }]
                },
            })
        });
    </script>
</body>
</html>